<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示与光标</title>
		<style>
			/* 添加背景图 */
			div{
				width: 500px;
				height: 500px;
				background: url(img/王培贤.png);
				background-size: 100%;
				/* 显示属性：display作用：将盒子模型中
				 块、行、行内块原告诉切换显示
				 显示属性值：none：将盒子模型从页面消失
				            block：将盒子模型中的元素转换为块元素
							inlike:转化为行元素
				理论：行砖块，快转行，原型针对盒子模型中元素
				属性值：遮罩栏、左栏：none隐藏 block显示
				inline图片没了？
				快转行，行内元素特点：元素宽高由内容定
				div 特点：有宽没高
				*/
			    displa y: block;
				cursor: help;
			}
			p{
				width: 500px;
				height: 500px;
				background: url(img/1.gif);
				background-size: 100%;
				/* 显示属性：隐藏 
				visibility: hidden 和display: none 的区别是什么？
				visibility: hidden; 特点：盒子模型存在，内容隐藏
				display: none；特点：盒子模型不存在，内容消失*/
				vi sibility: hidden;
				/* 光标属性 cursor 属性值: pointer 指针
				                         crosshair 十字准线
										 text 文本
										 wait 加载等待
										 help 帮助
				 */
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div></div>
		强大如我，亦有无法战胜之事！
		<p></p>
		你打我撒~
	</body>
</html>